/**********************************************************
 * mx_stars - system ocen w postaci gwiazdek.
 * 
 * autor: Damian Marciniak
 * kontakt: mariox@mariox.info
 * 
 * użycie: $(selektor).stars();
 * wymagania: jQuery (testowane z wersją 1.7.1)
**********************************************************/
$(document).ready(function(){
    $('.mx_star').live('mouseover', function(){
        var val = $(this).attr('title');
        $(this).parent('div').removeClass('mx_stars_val_1 mx_stars_val_2 mx_stars_val_3 mx_stars_val_4 mx_stars_val_5').addClass('mx_stars_val_'+val);
    });
    
    $('.mx_star').live('mouseout', function(){
        var val = $(this).parent('div').prev('input').val();
        $(this).parent('div').removeClass('mx_stars_val_1 mx_stars_val_2 mx_stars_val_3 mx_stars_val_4 mx_stars_val_5').addClass('mx_stars_val_'+val);
    });
    
    $('.mx_star').live('click', function(){
        var val = $(this).attr('title');
        $(this).parent('div').prev('input').val(val);
        return false;
    });
});

$.fn.stars = function(){
    var val = $(this).val();
    $(this).hide();
    $(this).after('<div class="mx_stars mx_stars_val_'+val+'">\n\
                                <a class="mx_star mx_star1" title="1" href="#"></a>\n\
                                <a class="mx_star mx_star2" title="2" href="#"></a>\n\
                                <a class="mx_star mx_star3" title="3" href="#"></a>\n\
                                <a class="mx_star mx_star4" title="4" href="#"></a>\n\
                                <a class="mx_star mx_star5" title="5" href="#"></a>\n\
                            </div>');
    return $(this);
};
